<template>
  <div class="parent">
    <p>父组件</p>
    <div class="left">
        <brother1></brother1>
    </div>
    <div class="right">
        <brother2></brother2>
    </div>
  </div>
</template>

<script>
// 导入兄弟组件
import brother1 from './brother1'
import brother2 from './brother2'
export default {
  components: {
    brother1,
    brother2
  }
}
</script>
<style lang="less">
.parent {
  width: 600px;
  height: 600px;
  .left {
    width: 200px;
    height: 200px;
    background-color: aqua;
    float: left;
  }
  .right {
    width: 200px;
    height: 200px;
    background-color: green;
    float: right;
  }
}
</style>
